<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
<!--    <link rel="icon" type="image/png" href="assets/img/旅游.png" />-->
    <link rel="icon" type="image/png" href="images/门票.png" />
    <title>旅游套票</title>
    <!-- Meta tag Keywords -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="utf-8">
    <meta name="keywords" content=""/>
    <script type="application/x-javascript">
        addEventListener("load", function () {
            setTimeout(hideURLbar, 0);
        }, false);

        function hideURLbar() {
            window.scrollTo(0, 1);
        }
    </script>
    <!--// Meta tag Keywords -->

    <!-- css files -->
    <link rel="stylesheet" href="css/bootstrap.css">
    <!-- Bootstrap-Core-CSS -->
    <link rel="stylesheet" href="css/style.css" type="text/css" media="all"/>
    <!-- Style-CSS -->
    <link rel="stylesheet" href="css/font-awesome.css">
    <!-- Font-Awesome-Icons-CSS -->
    <!-- //css files -->
    <!-- web-fonts -->
    <link href="http://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;subset=latin-ext"
          rel="stylesheet">
    <!-- //web-fonts -->

</head>
<body style="background-color: whitesmoke">
<!--Header-->
<header>
    <div class="container agile-banner_nav">
        <div class="row header-top">
            <div class="col-md-5 top-left p-0">
                <p><i class="fa fa-phone" aria-hidden="true"></i> Call us : 17866631279 </p>
            </div>
            <div class="col-md-7 top-right p-0">
                <p><i class="fa fa-map-marker" aria-hidden="true"></i> 青岛,崂山区
            </div>
        </div>
        <nav class="navbar navbar-expand-lg navbar-light bg-light">
            <h1 style="position: absolute;top:25px;"><a class="navbar-brand" href="index.html">旅心</a></h1>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
                    aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span
                    class="navbar-toggler-icon"></span></button>
            <div class="collapse navbar-collapse justify-content-center" id="navbarSupportedContent">
                <ul class="navbar-nav ml-auto" style="position:absolute; top:20px;right: 20px;">
                    <li class="nav-item active"><a class="nav-link" href="index.html">主页 <span
                            class="sr-only">(current)</span></a></li>
                    <li class="nav-item"><a class="nav-link" href="about.html">关于</a></li>
                    <li class="nav-item"><a class="nav-link" href="services.html">服务</a></li>
                    <li class="dropdown nav-item"><a href="#" class="dropdown-toggle nav-link" data-toggle="dropdown">分类
                        <b class="caret"></b> </a>
                        <ul class="dropdown-menu agile_short_dropdown">
                            <li>
                                <a href="pricing.html">定价计划</a>
                            </li>
                            <li>
                                <a href="choice.html">路线选择</a>
                            </li>
                            <li>
                                <a href="choice.html">预定机票</a>
                            </li>
                            <li>
                                <a href="choice.html">预定酒店</a>
                            </li>
                            <li>
                                <a href="choice.html">周边商品推荐</a>
                            </li>
                        </ul>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="projects.html">推介</a>
                    </li>
                    <li class="nav-item pr-lg-0">
                        <a class="nav-link pr-lg-0" href="contact.html">联系</a>
                    </li>
                </ul>
            </div>
        </nav>
    </div>

<!--    <div class="container" style="position:absolute;top:230px;left: 189px;background-color: rgba(0,1,2,0.3);-->
<!--    padding-bottom: 15px;padding-top: 25px;padding-left: 20px;border-top-left-radius: 20px;border-top-right-radius: 20px;">-->
<!--        <h4 style="color: #ffbd16"><b>青岛 崂山区推荐</b></h4>-->
<!--    </div>-->
    <div class="container" style="position:absolute;top:251px;left: 189px;margin-top:5px;padding: 10px;background-color: rgba(255,254,250,0.7);border-top-left-radius: 20px;border-top-right-radius: 20px;">
        <a style="color: #007bff;font-weight: bold">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;旅游套票智能推荐&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;目的地：崂山区附近
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;关键词：学生折扣&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;启程：2021/03/17
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;回程：2021/03/21&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;人数：4&nbsp;位
    </div>

</header>
<!--Header-->
<div class="innerpage-banner">
    <div class="layer1">
    </div>
</div>

    <div class="container" style="margin-top:20px;">
        <a href="index.html" style="color: #007bff">主页</a>&nbsp;&nbsp;>&nbsp;&nbsp;<a href="CustomizationA.html">专属私人定制</a>&nbsp;&nbsp;>&nbsp;&nbsp;
        <a href="QingDao_laoshanarea.html">青岛崂山区推荐</a>&nbsp;&nbsp;>&nbsp;&nbsp;<a>旅游套票智能推荐</a>
    </div>
    <div class="container" style="margin-top:20px;background-color:white;padding-left: 25px;padding-bottom: 15px">
        <!--酒店推荐-->
        <div style="padding-top: 40px">
            <div>
                <div style="float: left"><h4>套票：<b>海底世界+啤酒博物馆+崂山&nbsp;&nbsp;&nbsp;&nbsp;</b></h4></div>
                <div style="float: left;width: 17px;height: 9px;"><img src="images/inc星级.png" ></div>
                <div style="float: left;width: 17px;height: 9px;"><img src="images/inc星级.png" ></div>
                <div style="float: left;width: 17px;height: 9px;"><img src="images/inc星级.png" ></div>
                <div style="float: left;width: 17px;height: 9px;"><img src="images/inc星级.png" ></div>
            </div>
            <br><br>
        </div>
    </div>

    <!--海洋世界-->
    <div class="container" style="margin-top:20px;background-color:white;padding-left: 25px;padding-top: 20px">
            <div style="margin-top:10px;">
                <h5 style="font-weight: bold">青岛海洋世界</h5>
            </div>
            <div style="width: 580px;height: 345px;margin-top:15px">
                <div><img src="images/极地海洋世界.png"></div>
                <div style="position: absolute;top:555px;right: 410px;">
                    <span>&nbsp;开放时间：全年 08:30-16:30</span>
                    <div style="margin-top: 5px;">
                        <div style="float: left;width: 21px;height: 21px;"><img src="images/inc位置.png" /></div>
                        <div style="float: left">&nbsp;青岛市市南区莱阳路2号</div>
                    </div><br>
                    <div style="margin-top: 5px;">
                        <div style="float: left;width: 21px;height: 21px;">
                            <img src="images/inc学生.png">
                        </div>
                        <div style="float: left">
                            学生：全日制大学本科及以下<br>学历学生持学生证、6周岁<br>（不含6周岁）-18周岁（含18周岁）<br>持本人证明年龄的证件<br>（学生证，身份证，户口簿），<br>购买学生票
                        </div>
                        <div>&nbsp;</div>
                        <div style="margin-top:10px "><a href="http://www.qdhdworld.com" style="font-weight: bold;">查看官网</a></div>
                    </div>

                </div>
                <div style="position: absolute;top:775px;right: 220px;">
                    <span style="font-weight: bold;">旅心网学生折扣
                        <a style="color: red;font-size:25px;text-shadow: 1px 1px 1px black">65￥/人</a>
                    </span>
                    <br><br>
                    <span>普通学生折扣：<a style="text-decoration: line-through">69.9￥/人</a></span>
                </div>
            </div>
        </div>

    <!--青岛啤酒博物馆-->
    <div class="container" style="margin-top:20px;background-color:white;padding-left: 25px;padding-top: 20px">
    <div style="margin-top:10px;">
        <h5 style="font-weight: bold">青岛啤酒博物馆</h5>
    </div>
    <div style="width: 580px;height: 345px;margin-top:15px">
        <div><img src="images/啤酒博物馆.PNG"></div>
        <div style="position: absolute;top:1085px;right: 260px;">
            <span>&nbsp;开放时间：全年 08:30-16:30(停止售票16:30,最晚入园16:30)</span>
            <div style="margin-top: 5px;">
                <div style="float: left;width: 21px;height: 21px;"><img src="images/inc位置.png" /></div>
                <div style="float: left">&nbsp;青岛市市北区登州路56号</div>
            </div><br>
            <div style="margin-top: 5px;">
                <div style="float: left;width: 21px;height: 21px;">
                    <img src="images/inc学生.png">
                </div>
                <div style="float: left">
                    学生：全日制大学本科及以下学历学生凭学生证，半价
                </div>
                <div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div>
                <div style="margin-top:10px "><a href="http://www.tsingtaomuseum.com/" style="font-weight: bold;">查看官网</a></div>
            </div>

        </div>
        <div style="position: absolute;top:955px;right: 220px;">
                    <span style="font-weight: bold;">旅心网学生折扣
                        <a style="color: red;font-size:25px;text-shadow: 1px 1px 1px black">25￥/人</a>
                    </span>
            <br><br>
            <span>普通学生折扣：<a style="text-decoration: line-through">30￥/人</a></span>
        </div>
    </div>
</div>

    <!--青岛崂山-->
    <div class="container" style="margin-top:20px;background-color:white;padding-left: 25px;padding-top: 20px">
    <div style="margin-top:10px;">
        <h5 style="font-weight: bold">崂山</h5>
    </div>
    <div style="width: 580px;height: 345px;margin-top:15px">
        <div><img src="images/崂山i.PNG"></div>
        <div style="position: absolute;top:1405px;right: 260px;">
            <span>&nbsp;开放时间：<br>3月1日-6月30日 07:00-17:30(最晚入园15:30)；<br>7月1日-8月31日 06:00-19:00(最晚入园18:00)；<br>9月1日-11月30日 07:00-17:30(最晚入园16:00)；<br>12月1日-次年2月28日 07:30-17:00(最晚入园16:00)</span>
            <div style="margin-top: 5px;">
                <div style="float: left;width: 21px;height: 21px;"><img src="images/inc位置.png" /></div>
                <div style="float: left">&nbsp;青岛市市北区登州路56号</div>
            </div><br>
            <div style="margin-top: 5px;">
                <div style="float: left;width: 21px;height: 21px;">
                    <img src="images/inc学生.png">
                </div>
                <div style="float: left">
                    学生：全日制大学本科及以下学历学生凭学生证，门票半价

                </div>
                <div>&nbsp;</div><div>&nbsp;</div><div>&nbsp;</div>
                <div style="margin-top:10px "><a href="http://www.qdlaoshan.cn" style="font-weight: bold;">查看官网</a></div>
            </div>

        </div>
        <div style="position: absolute;top:1645px;right: 220px;">
                    <span style="font-weight: bold;">旅心网学生折扣
                        <a style="color: red;font-size:25px;text-shadow: 1px 1px 1px black">120￥/人</a>
                    </span>
            <br><br>
            <span>普通学生折扣：<a style="text-decoration: line-through">130￥/人</a></span>
        </div>
    </div>
</div>


    <!--评分与评价-->
    <div class="container" style="margin-top:20px;background-color:white;padding-left: 100px;padding-right: 100px;">
        <div style="padding-top: 50px;">
            <h4><b>评分与评价</b></h4>
        </div>
        <br>
        <div style="border-bottom-style: inset;border-bottom-width: 3px">
            <img src="images/yhdp1.PNG">
        </div>
        <div style="border-bottom-style: inset;border-bottom-width: 3px">
            <img src="images/yhdp2.PNG">
        </div>
        <div style="border-bottom-style: inset;border-bottom-width: 3px">
            <img src="images/yhdp3.PNG">
        </div>
        <div style="border-bottom-style: inset;border-bottom-width: 3px">
            <img src="images/1评1.PNG">
        </div>
        <div style="border-bottom-style: inset;border-bottom-width: 3px">
            <img src="images/1评2.PNG">
        </div>
        <div style="border-bottom-style: inset;border-bottom-width: 3px">
            <img src="images/1评3.PNG">
        </div>
        <div>
            <img src="images/2评1.PNG">
        </div>
        <div>
            <img src="images/2评2.PNG">
        </div>
        <div>
            <img src="images/2评3.PNG">
        </div>
        <div>
            <img src="images/3评1.PNG">
        </div>
        <div>
            <img src="images/3评3.PNG">
        </div>
        <div>
            <img src="images/3评2.PNG">
        </div>

    </div>

<div>&nbsp;</div>

<!--底部-->
<!-- copyright -->
<section class="copyright py-4 text-center">
    <div class="container">
        <p>Copyright &copy; 2021 LNX All rights reserved.
        </p>
    </div>
</section>

<!-- js-scripts -->

<!-- js -->
<script type="text/javascript" src="js/jquery-2.2.3.min.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<!-- Necessary-JavaScript-File-For-Bootstrap -->
<!-- //js -->

<!-- clients-slider-script -->
<script src="js/slideshow.min.js"></script>
<script src="js/launcher.js"></script>
<!-- //clients-slider-script -->

<!-- start-smoth-scrolling -->
<script src="js/SmoothScroll.min.js"></script>
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
    jQuery(document).ready(function($) {
        $(".scroll").click(function(event) {
            event.preventDefault();
            $('html,body').animate({
                scrollTop: $(this.hash).offset().top
            }, 1000);
        });
    });
</script>
<!-- here stars scrolling icon -->
<script type="text/javascript">
    $(document).ready(function() {
        /*
            var defaults = {
            containerID: 'toTop', // fading element id
            containerHoverID: 'toTopHover', // fading element hover id
            scrollSpeed: 1200,
            easingType: 'linear'
            };
        */

        $().UItoTop({
            easingType: 'easeOutQuart'
        });

    });
</script>
<!-- //here ends scrolling icon -->
<!-- start-smoth-scrolling -->

<!-- //js-scripts -->

</body>
</html>